<script setup>
const props = defineProps({
  strokeWidth: {
    type: [Number, String],
    default: 3,
  },
})
</script>

<template>
  <svg fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
    <path
      :stroke-width="props.strokeWidth"
      d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
      fill="none"
      stroke="currentColor"
      stroke-linejoin="round" />
    <path
      :stroke-width="props.strokeWidth"
      d="M24 16V32"
      stroke="currentColor"
      stroke-linecap="round"
      stroke-linejoin="round" />
    <path
      :stroke-width="props.strokeWidth"
      d="M16 24L32 24"
      stroke="currentColor"
      stroke-linecap="round"
      stroke-linejoin="round" />
  </svg>
</template>

<style lang="scss" scoped></style>
